//变量
.gamebutton() {
    width: 100%;
    height: 52px;
    border: none;
    font-size: 18px;
}
.whitebuttonlink() {
    text-decoration: none;
}
.bluebuttonlink() {
    text-decoration: none;
}

//菜单栏
body {
    background: #eee;
    overflow: hidden;
}
.header {
    height: 50px;
    .menu button {
        border: none;
        width: 30px;
        height: 50px;
    }
    .menu:hover ul {
        display: block;
        position: fixed;
        height: 100vh;
        line-height: 44px;
        z-index: 100;
    }
    li:after {
        content: "\f054";
        font-family: "FontAwesome";
        float: right;
    }
}
.main {
    margin: 30px;
    .lasttime {
        .gamebutton();
        &::after {
            content: "\f054";
            font-family: "FontAwesome";
            font-size: 24px;
            color: #eee;
            float: right;
        }
    }
    .name {
        color: #fdb435;
        border-bottom: 2px solid #fdb435;
    }
    .lasttime a {
        &:link {
            .whitebuttonlink();
        }
    }
    .game {
        .newbtn, .newbtn0 {
            .gamebutton();
        }
        a:link {
            .bluebuttonlink();
        }
        &::after {
            position: relative;
            top: -220px;
            right: -20px;
            content: "\f0da";
            font-family: "FontAwesome";
            font-size: 32px;
            color: #fdb435;
            float: right;
        }
    }
    .dot {
        li {
            display: inline-block;
            width: 9px;
            height: 9px;
            margin: 0 3px;
            border-radius: 50%;
            &:not(:first-child) {
                background: #ddd;
            }
            &:first-child {
                background: #46b8da;
            }
        }
    }   
}